<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="鲸鱼">
	<title>综合分析报表</title>
	<link rel="stylesheet" href="css/daterangepicker.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/moment.min.js"></script>
	<script type="text/javascript" src="js/jquery.daterangepicker.js"></script>
	<script type="text/javascript" src="js/highchart.js"></script>
	<script type="text/javascript" src="js/grid.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<style>
		.show-area{display: none;}
		.search-area .date{margin-left: 0;}
	</style>
	<script>
		$(function(){
			$('#date-select').dateRangePicker({
				showShortcuts: false,
				beforeShowDay: function(t)
				{
					var n = new Date();
					n.setDate(n.getDate()-1);
					var m = n.getTime();
					var valid = !(t.getTime()>m);  //disable saturday and sunday
					var _class = '';
					var _tooltip = valid ? '' : '超过当天日期不可选';
					return [valid,_class,_tooltip];
				}
			}
			);
			cycleSelect('天');

			//全部省点击操作
		  $('.all-pros').click(function(){
		    if(!$('.citys').is(':animated')){
		      $('.citys').slideToggle();
		    }
		  });
		});

		function checkInfo2(){
			var date = $('#date-select').val().toString();
		  var startDate  = date.split('~')[0].toString();
		  var endDate  = date.split('~')[1].toString();
		  var max = parseInt($('.selected-days-num').text());
		  var province = $('.provinces').find('li.on').text();
		  if(province == '' || province == null){
		    alert('省份不能为空');
		    $('.show-area').hide();
		  }else if(max>30){
        alert('统计周期为天，日期最长不能超过1个月');
        $('.show-area').hide();
      }else{
		  	$('.show-area').show();
		  }
			
		}
	</script>
	<style>
		.search-area .date{margin-left: 0;}
		.data-table{border-color: #d9d9d9;margin-top: 0;}
		.data-table2{margin:0;width: 140%;}
		.table th{font-weight: normal;}
		.table .tr2{background: #f2f2f2;}
		.tablediv .table .negative{color: red;}
	</style>
</head>
<body>
	<div class="analyseBox">
		<p class="head-title">综合分析报表</p>
		<div class="search-area">
			<div class="area1">
				<div class="date">
					<label for="date-select">选择日期：</label><input type="text" id="date-select" size="30">
				</div>
			</div>
			<div class="area2">
				<span>选择区域：</span>
				<div class="divs">
					<div class="provinces">
						<ul>
							<li class="all-pros" onselectstart="return false;">全部省</li>
							<li>福建</li>
							<li>广东</li>
						</ul>
					</div>
					<div class="citys">
						<ul>
							<li class="all-citys on">全部市</li>
						</ul>
					</div>
				</div>
			</div>
			<div>
				<input type="button" value="查询" class="search" onclick="checkInfo2()">
			</div>
		</div>
		<div class="show-area">
			<div class="box">
				<div>
					<p class="chart-title">用户活、定期产品投资数据统计</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th rowspan="2">日期</th>
							<th colspan="2">活期产品投资</th>
							<th colspan="4">定期产品投资</th>
							<th colspan="2">资金流入总数</th>
						</tr>
						<tr class="tr2">
							<td>活期投资</td>
							<td>净流入</td>
							<td>定期1年投资</td>
							<td>保险箱投资</td>
							<td>日增息投资</td>
							<td>净流入</td>
							<td>投资总额</td>
							<td>净流入总额</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div>
					<p class="chart-title">用户日投资订单数汇总</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th rowspan="2">日期</th>
							<th rowspan="2">活期订单数</th>
							<th colspan="4">定期订单数</th>
							<th rowspan="2">日投资总订单</th>
						</tr>
						<tr class="tr2">
							<td>定期1年</td>
							<td>保险箱</td>
							<td>日增息</td>
							<td>定期总订单</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td class="negative">81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div>
					<p class="chart-title">投资用户分类</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th rowspan="2">日期</th>
							<th colspan="3">活期投资用户量</th>
							<th colspan="3">定期投资用户量</th>
							<th colspan="2">投资用户分布比例</th>
						</tr>
						<tr class="tr2">
							<td>男性</td>
							<td>女性</td>
							<td>总人数</td>
							<td>男性</td>
							<td>女性</td>
							<td>总人数</td>
							<td>男性占比</td>
							<td>女性占比</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div>
					<p class="chart-title">67wm,77-97wm用户投资分布</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000" >
						<tr>
							<th rowspan="2">产出类型</th>
							<th rowspan="2">日期</th>
							<th colspan="3">67w</th>
							<th colspan="3">67m</th>
							<th colspan="3">77-97w</th>
							<th colspan="3">77-97m</th>
							<th colspan="3">合计</th>
						</tr>
						<tr class="tr2">
							<td>人均投资额</td>
							<td>复投人数</td>
							<td>复投笔数</td>
							<td>人均投资额</td>
							<td>复投人数</td>
							<td>复投笔数</td>
							<td>人均投资额</td>
							<td>复投人数</td>
							<td>复投笔数</td>
							<td>人均投资额</td>
							<td>复投人数</td>
							<td>复投笔数</td>
							<td>人均投资额</td>
							<td>复投总人数</td>
							<td>复投总笔数</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div>
					<p class="chart-title">67wm,77-97wm用户投资活、定期转化</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th>用户类型</th>
							<th>日期</th>
							<th>新增注册用户</th>
							<th>新增绑卡用户</th>
							<th>活期转化用户</th>
							<th>活期转化率</th>
							<th>定期转化用户</th>
							<th>定期转化率</th>
							<th>活转定用户</th>
							<th>活转定比例</th>
						</tr>

						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
			
		</div>
	</div>
</body>
</html>